<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:a4j="http://richfaces.org/a4j"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:fn="http://java.sun.com/jsp/jstl/functions"
                template="layout/bismillah_template.xhtml">

    <ui:define name="content">    
        <h:form id="loginForm" prependId="false">

            <h:outputStylesheet name="bismillah.css" library="css" />

            <div id='tooltip_container'></div> 
            <header> 
                <h1>Hello! Please sign in.</h1> 
            </header> 
            <div id="page_container"> 
                <div id="page"> 
                    <div id="content" class="clearfix"> 

                        <div id="flash_container"> 
                            <div id='flash' class="flash flash_notice" style='visibility: hidden;' > 
                                The default username and password are both '<strong>demo</strong>'
                                <a href="" id="flash_close">Close</a> 
                            </div> 
                        </div> 

                        <div class='field session_username clearfix'>
                            <label for="j_username">
                                <h:outputText value="Username:" />
                            </label>
                            <h:inputText
                                styleClass="larger wider nicer"
                                style="size : 30"
                                id="j_username"
                                required="true">
                            </h:inputText>
                        </div>

                        <div class='field session_password clearfix'> 
                            <label for="j_password"><h:outputText value="Password:" />
                            </label>
                            <h:inputSecret
                                styleClass="larger wider nicer"
                                style="size : 30"
                                id="j_password"
                                required="true">
                            </h:inputSecret>
                        </div>

                        <div class='twodivcols'> 
                            <div class='left'> 
                                <h:selectBooleanCheckbox id="_spring_security_remember_me" />
                                <label for="_spring_security_remember_me"> 
                                    <h:outputText value="Remember me" /> 
                                </label>
                            </div>
                            <div class='right'> 
                                <a href="/registrations/password/new">I forgot my password</a> 
                            </div> 
                        </div> 

                        <div class='form-actions-left'> 
                            <h:commandButton
                                styleClass="button" 
                                type="submit"
                                id="login"
                                action="#{loginController.login}"
                                value="Login" />
                        </div> 
                    </div>
                </div>
            </div>
        </h:form>
    </ui:define>
</ui:composition>